 

	// 公共分类展开收起 通过class id 操作 注意class id 
	function initTypesCommom(openFirst){
		var SHOW_TYPE = $('#SHOW_TYPE');
		var all_show_btn = $('.all_show')
		
		
		if(SHOW_TYPE&&SHOW_TYPE.length){
			// m默认第一个展开
			
			if(openFirst){
				$('#SHOW_TYPE .lis_item').eq(0).addClass('active_click');
				$('#SHOW_TYPE .lis_item').eq(0).find('.children_type').slideDown()
			}
			
			
			var click_dome = $('.icon-xiangxia1');
			$('.t_icons').unbind();
			click_dome.unbind();
			$('.t_icons').on('click',click_dome,function(){
				var _that = $(this);
				var father = _that.closest('.lis_item');
				all_show_btn.attr('data-type','1').html('全部展开')
				if(father.hasClass('active_click')){
					father.removeClass('active_click');
					father.find('.children_type').slideUp()
				}else{
					$('#SHOW_TYPE .lis_item').removeClass('active_click')
					$('#SHOW_TYPE .children_type').slideUp()
					father.addClass('active_click');
					father.find('.children_type').slideDown()
				}
			})
			
			// 菜单分类 点击事件 （type 2级跳3级 3级跳 品牌列表）
			$('.lis_item').unbind();
			$('.onnavs').unbind();
			$('.lis_item').on('click','.onnavs',function(){
				var that = $(this);
				var type = that.attr('data-type') ? that.attr('data-type') : '';
				var id   = that.attr('data-id') ? that.attr('data-id') : '';
				var pid  = that.attr('data-pid') ?  that.attr('data-pid') : '';
				var maxid= that.attr('data-maxid') ? that.attr('data-maxid') : ''
				if(type && id){
					getRanking(id)
					console.log('=====1=========>>>>',type,id)
					 
				}
				
			})
		}
		
		if(all_show_btn&&all_show_btn.length){
			all_show_btn.unbind();
			$('.m_alls').unbind();
			
			$('.m_alls').on('click',all_show_btn,function(){
				var doms = $('#SHOW_TYPE .lis_item');
				var type = all_show_btn.attr('data-type')
				if(type == 1){
					all_show_btn.attr('data-type','2').html('全部收起')
					doms.each(function(){
						if($(this).hasClass('active_click')){
							
						}else{
							$(this).find('.children_type').css('display','block')
						}
					})
				}else{
					all_show_btn.attr('data-type','1').html('全部展开')
					$('.lis_item').removeClass('active_click')
					$('.children_type').css('display','none')
				}
				
			})
		}
		
		
		var  new_cim_navs = $('#new_cim_navs');
		if(new_cim_navs&&new_cim_navs.length){
			// m默认第一个展开
			$('#new_cim_navs .lis_item').eq(0).addClass('active_click');
			$('#new_cim_navs .lis_item').eq(0).find('.children_type').slideDown();
			
			var click_dome = $('.layui-icon');
			$('.t_icons2').unbind();
			click_dome.unbind();
			$('.t_icons2').on('click',click_dome,function(){
				var _that = $(this);
				var father = _that.closest('.lis_item');
				if(father.hasClass('active_click')){
					father.removeClass('active_click');
					father.find('.children_type').slideUp()
				}else{
					$('#new_cim_navs .lis_item').removeClass('active_click')
					$('#new_cim_navs .children_type').slideUp()
					father.addClass('active_click');
					father.find('.children_type').slideDown()
				}
			})
			
			
			// 锚点处理
			$('#new_cim_navs .lis_item').unbind();
			$('.scrollIntoView').unbind();
			$('#new_cim_navs').on('click','.scrollIntoView',function(){
				var ids = $(this).attr('data-id');
				document.querySelector('#page'+ids).scrollIntoView({
				  behavior: "smooth", // 定义动画过渡效果， "auto"或 "smooth" 之一。默认为 "auto"
				  block: "center",    // 定义垂直方向的对齐， "start", "center", "end", 或 "nearest"之一。默认为 "start"
				  inline: "nearest"   // 定义水平方向的对齐， "start", "center", "end", 或 "nearest"之一。默认为 "nearest"
				})
			})
			
			
			
		}
		
	}


    
	
	//  公用方法获取分类数据
	function get_brand_category(id){
		var datas = {
		 	url  :'/api/brand_category/getData', 
		 	http_type:'POST',
			datas:{
				parent_id:id
			}
		}
		wxx.HttpReqeust(datas,function(ret){
		 	if(ret.code == 1){
             let   this_id = wxx.getParam() ? wxx.getParam().id : localStorage.getItem("jingjiang_component_index");
				//  把所属分类id 记录到分类列表里面 下级分类查询分类也用这个id；
				if(this_id){
					for (var i = 0; i < ret.data.length; i++) {
						ret.data[i].max_id = this_id*1
					}
				}
				var hrml = template('SHOW_TYPE_SCRIPT', ret);
				$("#SHOW_TYPE").empty().append(hrml); 
				
				if(ret.data && ret.data.length){ 
					//  调用一下公共分类展开收起等方法
					initTypesCommom(true); 
					  
					$('.m_alls').show();
					
					//  查询一下是否每个分类都是有子级  全部没有的话  隐藏【全部展开】
					var is = false;
					for (var i = 0; i < ret.data.length; i++) {
						if( ret.data[i].children && ret.data[i].children.length){
							is = true;
						}
					}
					if(is==false){$('.m_alls').hide();}
				}else{
					$('.m_alls').hide();
				}
		 	}
		});
	}
	// 调用不同模块右侧的菜单栏，树形结构.0
	get_brand_category(0)
 


    // <link rel="stylesheet" href="../../static/css/component/index.css" rel="stylesheet">
{/* <script src="../../static/js/wxx_main.js"></script> */}
{/* <script src="../../static/js/template.js"></script> */}

	// HTML 

	// <ul id="SHOW_TYPE"> </ul>
	// <script type="text/html" id="SHOW_TYPE_SCRIPT">
	// 	{{if data.length}}
	// 		{{each data as item index}}
	// 		<li class="lis_item">
	// 			<div class="t_name_box">
	// 				<div class="t_name ov1 onnavs" data-type="2" data-id="{{item.id}}" data-pid="{{item.id}}" data-maxid="{{item.max_id ?  item.max_id : ''}}">{{index*1+1}}.{{item.name}}</div>
	// 				{{if item.children.length}}
	// 				<div class="t_icons"><i class="iconfont icon-xiangxia1"></i></div>
	// 				{{/if}}
	// 			</div>
	// 			{{if item.children.length}}
	// 				<div class="children_type">
	// 					<ul class="ch_com">
	// 						{{each item.children as item2 index2}}
	// 						<li class="ov ch_t onnavs" data-type="2" data-id="{{item2.id}}" data-pid="{{item.id}}" data-maxid="{{item.max_id ?  item.max_id : ''}}"><span>{{item2.name}}</span></li>
	// 						{{/each}}
	// 					</ul>
	// 				</div>
	// 			{{/if}}
	// 		</li>
	// 		{{/each}}
	// 	{{else}}
	// 		<div class="page_empty_style">
	// 			<div>
	// 				<img src="../../static/img/empty/empty1.svg" alt="" /> 
	// 				<div class="empty_tips">暂无数据</div>
	// 			</div>
	// 		</div>
	// 	{{/if}}
	// </script>

	// <div class="m_alls" style="display: none;">
	// 	<div class="all_show" data-type="1">全部展开</div>
	// </div>